<template>
  <div class="loginPage">

  <dragConent>
    <login v-if="flage"></login>
    <loginout v-else></loginout>

  </dragConent>

    <!-- <loginout v-if="!flage"></loginout>
    <login v-else></login> -->
  </div>
</template>

<script lang="ts" setup>
const dragConent = defineAsyncComponent(() => import('@/components/Dragareacomponent.vue'))
const login = defineAsyncComponent(() => import('./login.vue'))
const loginout = defineAsyncComponent(() => import('./outlogin.vue'))

const route = useRoute()
const flage = ref(false)

onMounted(() => {
  if (route.query.login == 'true') {
    flage.value = true
  } else {
    flage.value = false
  }
})
</script>

<style scoped lang="scss">
.loginPage {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
}
</style>
